<div  class="content-byc" ng-controller="developTabCtrl">
    <div class="wrapper-md">
        <button class="btn btn-info pull-right" style="float: right" ng-click="goBack()" tabindex="0" ng-if="isBack">
            <i class="fa fa-reply"></i> 返回
        </button>
        <tabset class="tab-container">
            <tab  select="appViewFun()" ng-controller="appviewCtrl" active="isAppview">
                <tab-heading class="tab-heading-style">
                    应用视图
                </tab-heading>
                <div class="row panel pad-10">
                    <div class="col-sm-9" style="padding-left: 0px;">
                        <ul class="list-unstyled" >
                            <li class="list-li">
                                <div class="panel panel-default" style="margin-bottom: 20px;">
                                    <div class="panel-heading dfont-back" style="height: 50px;">
                                        <span style="padding: 8px 0px;display: inline-block;">应用容器&nbsp;&nbsp;{{app_Name}}</span>
                                        <div class="app_radio_button" style="padding: 0px;">
                                            <button class="btn m-b-xs btn-sm btn-primary" style="margin-right: 20px;" ng-click="capacity()">扩容</button>
                                            <button class="btn m-b-xs btn-sm btn-primary" style="margin-right: 20px;" ng-click="reduce()">缩容</button>
                                            <button class="btn m-b-xs btn-sm btn-primary" ng-click="reback()">回滚</button>
                                        </div>
                                    </div>
                                    <div class="panel-detail">
                                        <div class="col-sm-12" style="min-height: 102px;">
                                            <div class="col-sm-3">
                                                <div style="text-align: center;margin-bottom: 15px;">
                                                <img src="/statics/img/container.png" style="width: 60px;">
                                                </div>
                                                <div class="col-sm-12 app-p text-center">
                                                    <p>版本数：</p><p ng-bind="versionCount"></p>
                                                </div>
                                            </div>
                                            <div class="col-sm-3">
                                                <div class="col-sm-12" style="min-height: 51px;line-height: 51px;">
                                                   <span class="app-view">运行中：</span><span ng-bind="runningCount"></span>
                                                </div>
                                                <div class="col-sm-12" style="min-height: 51px;line-height: 51px;">
                                                    <span class="app-view">维护中：</span><span ng-bind="notRunningCount"></span>
                                                </div>
                                            </div>
                                            <div class="col-sm-3">
                                                <div class="col-sm-12" style="min-height: 51px;line-height: 51px;">
                                                    <span class="app-view">弹性伸缩：</span><span></span>
                                                </div>
                                                <div class="col-sm-12" style="min-height: 51px;line-height: 51px;">
                                                    <span class="app-view">高可用：</span><span></span>
                                                </div>
                                            </div>
                                            <div class="col-sm-3">
                                                <div class="col-sm-12" style="min-height: 51px;line-height: 51px;">
                                                    <span class="app-view">网络：</span><span ng-bind="networkCount"></span>
                                                </div>
                                                <div class="col-sm-12" style="min-height: 51px;line-height: 51px;">
                                                    <span class="app-view">CI/CD配置：</span><span></span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </li>
                        </ul>
                        <div class="bu_info" ng-show="!isImageLength">
                            <span class="bu_info_font">提示：你有{{imglength}}个新的应用版本可部署。</span>
                            <button class="btn m-b-xs btn-sm btn-info bu_button" ng-click="autoBu()">编排部署</button>
                            <button class="btn m-b-xs btn-sm btn-info bu_button" style="margin-right: 10px;" ng-click="peopleBu()">人工部署</button>
                        </div>
                        <ul class="list-unstyled">
                            <li class="list-li" ng-repeat="row in versionAllList">
                                <div class="panel panel-default" style="margin-bottom: 20px;">
                                    <div class="panel-heading dfont-back"><span ng-cloak>{{row.configImageName}}&nbsp;:&nbsp;{{row.configImageTag}}</span></div>
                                    <div class="panel-detail">
                                        <div class="dataTables_wrapper form-inline">
                                            <div class="row">
                                                <div class="col-sm-12" style="margin-top: -10px;">
                                                    <table class="table table-striped b-light m-b-xxs">
                                                        <thead class="table-header">
                                                        <tr>
                                                            <th width="10%" class="app-con-list">容器</th>
                                                            <th width="10%" class="app-con-list">cpu/内存</th>
                                                            <th width="20%" class="app-con-list">镜像</th>
                                                            <th width="10%" class="app-con-list">宿主机</th>
                                                            <th width="10%" class="app-con-list">端口</th>
                                                            <th width="10%" class="app-con-list">容器日志</th>
                                                           <!--  <th width="10%" class="app-con-list">容器监控</th> -->
                                                            <th width="10%" class="app-con-list">容器终端</th>
                                                            <!--<th width="10%" class="app-con-list">环境</th>-->
                                                            <!--<th width="10%" class="app-con-list" style="text-align: left">操作</th>-->
                                                        </tr>
                                                        </thead>
                                                        <tbody>
                                                        <tr class="table-content" ng-repeat="rowCon in row.conAllList">
                                                            <td width="10%" class="app-con-list detail-href"  style="color: #3399CC;" ng-bind="rowCon.instanceRename" ng-click="detail(rowCon)"></td>
                                                            <td width="10%" class="app-con-list" ><span ng-cloak>{{rowCon.instanceCpu}}/{{rowCon.instanceMemory}}</span></td>
                                                            <td width="20%" class="app-con-list detail-href"  style="color: #3399CC;" ng-bind="rowCon.instanceImage" ng-click="imgList(rowCon)"></td>
                                                            <td width="10%" class="app-con-list detail-href"  style="color: #3399CC;" ng-bind="rowCon.ip" ng-click="hostDetail(rowCon)"></td>
                                                            <td width="10%" class="app-con-list"  >无</td>
                                                            <td width="10%" class="app-con-list" ng-click="showLog(rowCon)" style="cursor: pointer;">
                                                                <img src="/statics/img/con_log.png" class="app-con-log">
                                                            </td>
                                                           <!--  <td width="10%" class="app-con-list" style="cursor: pointer;" ng-click="showMonitor(row)">
                                                                <img src="/statics/img/con_img.png" class="app-con-img">
                                                            </td> -->
                                                            <td width="10%" class="app-con-list" ng-click="showTerminal(row)" style="cursor: pointer;">
                                                                <img src="/statics/img/con_zhong.png" class="app-con-zhong">
                                                            </td>
                                                            <!--<td width="10%" class="app-con-list"  ng-bind="row.name"></td>-->
                                                            <!--<td width="10%">
                                                                <label class="i-switch m-t-xs m-r">
                                                                    <input type="checkbox" checked>
                                                                    <i></i>
                                                                </label>
                                                            </td>-->
                                                        </tr>
                                                        <!--<tr ng-if="isImageDataCon">-->
                                                            <!--<td class="td-nodata" colspan="6">暂无数据</td>-->
                                                        <!--</tr>-->
                                                        </tbody>
                                                    </table>
                                                    <div class="clearfix">
                                                        <div class="col-sm-6" style="padding: 7px 15px;">
                                                            <div class="paginationTables_info">总共<span ng-bind="row.childrenNum"></span>条, 每页<span ng-bind="row.conAllList.length"></span>条</div>
                                                        </div>
                                                        <div class="col-sm-6 text-right">
                                                            <pagination style="" boundary-links="true" total-items="row.childrenNum" items-per-page="row.childrenRows" max-size="10" ng-model="row.childrenPage" ng-change="getContainerList(row,row.childrenPage)" previous-text="&lsaquo;" next-text="&rsaquo;" first-text="&laquo;" last-text="&raquo;"></pagination>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li class="col-md-12" ng-if="!versionAllList.length">
                                暂无数据
                                <td class="td-nodata" colspan="10"></td>
                            </li>
                        </ul>
                        <div class="col-md-12 clearfix">
                            <div class="col-sm-6" style="padding:7px 15px;">
                                <div class="paginationTables_info">总共<span ng-bind="pageNation.total"></span>条, 每页<span
                                        ng-bind="pageNation.rowtotal"></span>条
                                </div>
                            </div>
                            <div class="col-sm-6 text-right">
                                <pagination boundary-links="true" total-items="pageNation.total" items-per-page="pageNation.rows" max-size="8"
                                            ng-model="pageNation.page" ng-change="getVersionList(pageNation.page)" previous-text="&lsaquo;"
                                            next-text="&rsaquo;" first-text="&laquo;" last-text="&raquo;"></pagination>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-3 instrument-dp">
                        <div class="instrument-dp panel panel-default" style="margin-bottom: 20px;">
                            <div class="panel-heading">服务容器</div>
                            <div class="panel-detail">
                                <div class="col-sm-12 instrument-dp low-border" style="min-height: 102px;">
                                    <div class="col-sm-3 instrument-dp">
                                        <div class="col-sm-12 app-service-auto ">
                                            <img src="/statics/img/con-service.png" class="app-con-service">
                                            <p class="app-p" style="margin-top: 5px;">负载均衡</p>
                                        </div>
                                    </div>
                                    <div class="col-sm-3 app-service-middle app-view">
                                        <div class="col-sm-12 instrument-dp" style="padding-bottom: 5px;">
                                            <span>镜像：</span>
                                        </div>
                                        <div class="col-sm-12 instrument-dp" style="padding-bottom: 5px;">
                                            <span>端口：</span>
                                        </div>
                                        <div class="col-sm-12 instrument-dp">
                                            <span>访问入口：</span>
                                        </div>
                                    </div>
                                    <div class="col-sm-6 app-service-middle instrument-dp" style="text-align: left;">
                                        <div class="col-sm-12 app-p" style="padding-bottom: 5px;">
                                            <span>apache-mysql-johndoe</span>
                                        </div>
                                        <div class="col-sm-12 app-p" style="padding-bottom: 5px;">
                                            <span>3306</span>
                                        </div>
                                        <div class="col-sm-12 app-p">
                                            <span>http://xxxxxxxxx</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm-12 instrument-dp" style="min-height: 102px;">
                                    <div class="col-sm-6 app-service-middle instrument-dp">
                                        <div class="col-sm-12 app-p" style="padding-bottom: 10px;">
                                            <span style="padding-right: 20px;">服务日志</span><img src="/statics/img/con_log.png" class="app-con-log">
                                        </div>
                                        <div class="col-sm-12 app-p" style="padding-bottom: 10px;">
                                            <span style="padding-right: 20px;">服务监控</span><img src="/statics/img/con_img.png" class="app-con-img">
                                        </div>
                                        <div class="col-sm-12 app-p" style="padding-bottom: 10px;">
                                            <span style="padding-right: 20px;">服务终端</span><img src="/statics/img/con_zhong.png" class="app-con-zhong">
                                        </div>
                                    </div>
                                    <div class="col-sm-6 app-service-middle instrument-dp">
                                        <div class="col-sm-12 app-p" style="padding-bottom: 10px;text-align: left;">
                                            <span style="padding-right: 20px;">操作</span>
                                            <label class="i-switch m-t-xs m-r">
                                                <input type="checkbox" checked>
                                                <i></i>
                                            </label>
                                        </div>
                                        <div class="col-sm-12 app-p" style="padding-bottom: 10px;text-align: left;">
                                            <span style="padding-right: 20px;">查看配置</span><img src="/statics/img/con_img.png" class="app-con-img">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="instrument-dp panel panel-default">
                            <div class="panel-heading">服务容器</div>
                            <div class="panel-detail">
                                <div class="col-sm-12 instrument-dp low-border" style="min-height: 102px;">
                                    <div class="col-sm-3 instrument-dp">
                                        <div class="col-sm-12 app-service-auto ">
                                            <img src="/statics/img/con_sql.png" class="app-con-service">
                                            <p class="app-p" style="margin-top: 5px;">数据库</p>
                                        </div>
                                    </div>
                                    <div class="col-sm-3 app-service-middle app-view">
                                        <div class="col-sm-12 instrument-dp" style="padding-bottom: 5px;">
                                            <span>镜像：</span>
                                        </div>
                                        <div class="col-sm-12 instrument-dp" style="padding-bottom: 5px;">
                                            <span>端口：</span>
                                        </div>
                                        <div class="col-sm-12 instrument-dp">
                                            <span>管理工具：</span>
                                        </div>
                                        <div class="col-sm-12 instrument-dp" style="padding-bottom: 5px;">
                                            <span>用户名：</span>
                                        </div>
                                        <div class="col-sm-12 instrument-dp" style="padding-bottom: 5px;">
                                            <span>密码：</span>
                                        </div>
                                        <div class="col-sm-12 instrument-dp">
                                            <span>数据库：</span>
                                        </div>
                                    </div>
                                    <div class="col-sm-6 app-service-middle instrument-dp" style="text-align: left;">
                                        <div class="col-sm-12 app-p" style="padding-bottom: 5px;">
                                        <span>apache-mysql-johndoe</span>
                                    </div>
                                        <div class="col-sm-12 app-p" style="padding-bottom: 5px;">
                                            <span>3306</span>
                                        </div>
                                        <div class="col-sm-12 app-p">
                                            <span>http://xxxxxxxxx</span>
                                        </div>
                                        <div class="col-sm-12 app-p" style="padding-bottom: 5px;">
                                            <span>apache-mysql-johndoe</span>
                                        </div>
                                        <div class="col-sm-12 app-p" style="padding-bottom: 5px;">
                                            <span>3306</span>
                                        </div>
                                        <div class="col-sm-12 app-p">
                                            <span>http://xxxxxxxxx</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm-12 instrument-dp" style="min-height: 102px;">
                                    <div class="col-sm-6 app-service-middle instrument-dp">
                                        <div class="col-sm-12 app-p" style="padding-bottom: 10px;">
                                            <span style="padding-right: 20px;">服务日志</span><img src="/statics/img/con_log.png" class="app-con-log">
                                        </div>
                                        <div class="col-sm-12 app-p" style="padding-bottom: 10px;">
                                            <span style="padding-right: 20px;">服务监控</span><img src="/statics/img/con_img.png" class="app-con-img">
                                        </div>
                                        <div class="col-sm-12 app-p" style="padding-bottom: 10px;">
                                            <span style="padding-right: 20px;">服务终端</span><img src="/statics/img/con_zhong.png" class="app-con-zhong">
                                        </div>
                                    </div>
                                    <div class="col-sm-6 app-service-middle instrument-dp">
                                        <div class="col-sm-12 app-p" style="padding-bottom: 10px;text-align: left;">
                                            <span style="padding-right: 20px;">操作</span>
                                            <label class="i-switch m-t-xs m-r">
                                                <input type="checkbox" checked>
                                                <i></i>
                                            </label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </tab>
            <tab  select="serviceFun()" ng-controller="serviceCtrl" active="isService">
                <tab-heading class="tab-heading-style">
                    服务
                </tab-heading>
                <div class="row pad-10">
                    <div class="col-md-12">
                        <div class="col-md-12 search-box m-b-md">
                            <div class="legend">查询条件</div>
                            <div class="search-content">
                                <div class="form-group">
                                    <label class="control-label">模块类型：</label>
                                    <select class="form-control" ng-model="addData.type">
                                        <option value="">--请选择--</option>
                                        <option ng-repeat="row in typeData" ng-selected="row==addData.type" value="{{row}}" ng-bind="row"></option>
                                    </select>
                                </div>
                            </div>
                            <div class="search-btn">
                                <button class="btn btn-primary w-xs m-r" ng-click="getData(1)"><i class="fa fa-search"></i> 查询</button>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-12">
                        <ul class="list-unstyled" >
                            <li class="list-li">
                                <div class="col-md-2 instrument-dp">
                                    <div class="panel panel-default" style="margin-bottom: 20px;">
                                        <div class="panel-heading dfont-back text-center"><span>负载均衡</span></div>
                                        <div class="panel-detail">
                                            <div class="col-sm-12" style="min-height: 102px;">
                                            </div>
                                            <select class="form-control" ng-model="addData.type">
                                                <option value="">--请选择--</option>
                                                <option ng-repeat="row in typeData" ng-selected="row==addData.type" value="{{row}}" ng-bind="row"></option>
                                            </select>
                                        </div>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </tab>
            <tab  select="appLogFun()" ng-controller="appLogCtrl" active="isAppLog">
                <tab-heading class="tab-heading-style">
                    应用日志
                </tab-heading>
                <div style="height:600px;">
                    <!--<div class="col-md-12">
                        <div id="develop_tab_log" style="min-height: 250px;"></div>
                    </div>
                    <div class="col-md-12">
                        <div class="table-responsive">
                            <table class="table b-light m-b-xxs">
                                <thead class="table-header" >
                                <tr>
                                    <th width="20%" class="font-15 text-center">Time</th>
                                    <th width="30%" class="font-15 text-center">Source</th>
                                    <th width="20%" class="font-15 text-center">Host</th>
                                    <th width="30%" class="font-15 text-center">Message</th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr ng-repeat="row in hostList" ng-if="!isImageData">
                                    <td width="20%" class=" text-center text-overflow" style="max-width:162px;" ng-bind="row.name" ></td>
                                    <td width="30%" class=" text-center text-overflow" style="max-width:108px;" ng-bind="row.name"></td>
                                    <td width="20%" class=" text-center text-overflow" style="max-width:214px;" ng-bind="row.name"></td>
                                    <td width="30%" class=" text-center text-overflow" style="max-width:214px;" ng-bind="row.name"></td>
                                </tr>
                                <tr ng-if="isImageData">
                                    <td class="td-nodata" colspan="6">暂无数据</td>
                                </tr>
                                </tbody>
                            </table>
                            <div class="clearfix">
                                <div class="col-sm-6">
                                    <div class="paginationTables_info">共有<span ng-bind="totalCount"></span>条记录，每页显示<span
                                            ng-bind="param.rows"></span>条
                                    </div>
                                </div>
                                <div class="col-sm-6 text-right">
                                    <pagination boundary-links="true" total-items="totalCount" items-per-page="param.rows" max-size="10"
                                                ng-model="param.page" ng-change="getData(param.page)" previous-text="&lsaquo;"
                                                next-text="&rsaquo;" first-text="&laquo;" last-text="&raquo;"></pagination>
                                </div>
                            </div>
                        </div>
                    </div>-->
                    <iframe ng-src="{{logUrl}}" height="100%" width="100%"></iframe>
                </div>
            </tab>
            <!-- <tab  select="monitorFun()" ng-controller="monitorCtrl" active="isMonitor">
                <tab-heading class="tab-heading-style">
                    应用监控
                </tab-heading>
                <div class="row pad-10">

                </div>
            </tab> -->
            <!-- <tab  select="choreographyFun()" ng-controller="choreographyCtrl" active="isChoreography">
                <tab-heading class="tab-heading-style">
                    编排文件
                </tab-heading>
                <div class="row pad-10">
                    <div style="margin-bottom: 20px;">
                        <label class="col-lg-2 control-label">运行环境：</label>
                        <select class="form-control" ng-model="addData.type" style="display: inline-block;width: 80%;">
                            <option value="">--请选择--</option>
                            <option ng-repeat="row in typeData" ng-selected="row==addData.type" value="{{row}}" ng-bind="row"></option>
                        </select>
                    </div>
                    <label class="col-lg-2 control-label"></label>
                    <div ng-code-mirror6="" code-mirror="codeMirror">
                        <div class="form-group" style="height: 300px;width: 75%;">
                            <textarea class="textarea"></textarea>
                        </div>
                    </div>
                    <div style="width: 75%">
                        <button class="btn btn-primary w-xs m-r" ng-click="add()" style="float: right"><i class="fa fa-plus-circle"></i>确定</button>
                    </div>
                </div>
            </tab> -->
            <tab  select="configFun()" ng-controller="configCtrl" active="isConfig">
                <tab-heading class="tab-heading-style">
                    配置信息
                </tab-heading>
                <div class="row pad-10">
                    <div class="col-md-12">
                        <div class="col-md-12" style="margin: 30px 0px">
                            <div class="col-lg-12">
                                <label class="col-lg-2 control-label">版本：</label>
                                <div class="col-lg-10 control-input">
                                    <select class="form-control" ng-change="change(imgAll.imgType)" ng-model="imgAll.imgType">
                                        <option ng-repeat="x in imgTypes" value="{{x.value}}">{{x.name}}</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <tabset class="tab-container">
                            <tab heading="环境变量">
                                <div class="col-sm-12" style="min-height: 123px;margin-bottom: 15px;">
                                    <div class="col-sm-12 app-env-border">
                                        <p class="app-env-h">添加变量</p>
                                        <form class="form-horizontal form-validation" style="display: inline;" name="addEnvForm">
                                            <div class="app-env-i" style="width:36%;">
                                                <input type="text" ng-model="env.key" class="form-control no-border"  placeholder="key" required>
                                            </div>
                                            <div class="app-env-i" style="width:36%;">
                                                <input type="text" ng-model="env.value" class="form-control no-border" placeholder="value" required>
                                            </div>
                                        </form>
                                        <button class="btn btn-primary w-xs m-r" validation-submit="addEnvForm" ng-disabled="addEnvForm.$invalid" ng-click="addEnv()"><i class="fa fa-plus-circle"></i>创建</button>
                                    </div>
                                </div>
                                <div class="">
                                    <div class="dataTables_wrapper form-inline">
                                        <div class="row">
                                            <div class="col-sm-12">
                                                <div class="col-sm-12" style="max-height: 300px;overflow: auto;">
                                                    <div class="col-sm-12 app-env-list">
                                                        <p class="app-env-h" style="margin-top: 20px;">管理变量</p>
                                                        <table class="table table-striped b-light m-b-xxs">
                                                            <thead class="table-header">
                                                            <tr>
                                                                <th width="40%" class="font-15 ">Key</th>
                                                                <th width="40%" class="font-15 ">Value</th>
                                                                <th class=" td-operate font-15 text-center" width="20%">操作</th>
                                                            </tr>
                                                            </thead>
                                                            <tbody>
                                                            <tr class="table-content" ng-repeat="row in rowEnvList">
                                                                <td width="40%" class="font-15 " title="{{row.configEnvsName}}" ng-bind="row.configEnvsName"></td>
                                                                <td width="40%" class="font-15 " title="{{row.configEnvsValue}}" ng-bind="row.configEnvsValue"></td>
                                                                <td width="20%" class="td-operate text-center">
                                                                    <button class="btn btn-danger btn-sm" ng-click="removeEnv(row)">
                                                                        <i class="fa fa-trash-o"></i>
                                                                        <span class="">删除</span>
                                                                    </button>
                                                                </td>
                                                            </tr>
                                                            </tbody>
                                                        </table>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </tab>
                            <tab heading="硬盘卷">
                                <div class="col-sm-12" style="min-height: 123px;margin-bottom: 15px;">
                                    <div class="col-sm-12 app-env-border">
                                        <p class="app-env-h">添加卷</p>
                                        <form class="form-horizontal form-validation" style="display: inline;" name="addDiskForm">
                                            <!--<div class="app-env-i">-->
                                                <!--<input type="text" ng-model="disk.name" class="form-control no-border " placeholder="name"  required>-->
                                            <!--</div>-->
                                            <div class="app-env-i">
                                                <input type="text" value="local" class="form-control no-border " readonly>
                                            </div>
                                            <div class="app-env-i">
                                                <input type="text" ng-model="disk.path" class="form-control no-border" placeholder="path"  required>
                                            </div>
                                        </form>
                                        <button class="btn btn-primary w-xs m-r" validation-submit="addDiskForm" ng-disabled="addDiskForm.$invalid" ng-click="addDisk()"><i class="fa fa-plus-circle"></i>创建</button>
                                    </div>
                                </div>
                                <div class="">
                                    <div class="dataTables_wrapper form-inline">
                                        <div class="row">
                                            <div class="col-sm-12">
                                                <div class="col-sm-12" style="max-height: 300px;overflow: auto;">
                                                    <div class="col-sm-12 app-env-list">
                                                        <p class="app-env-h" style="margin-top: 20px;">管理卷</p>
                                                        <table class="table table-striped b-light m-b-xxs">
                                                            <thead class="table-header">
                                                            <tr>
                                                                <!--<th width="30%" class="font-15 ">Name</th>-->
                                                                <th width="30%" class="font-15 ">Type</th>
                                                                <th width="30%" class="font-15 ">Path</th>
                                                                <th class=" td-operate font-15 text-center" width="10%">操作</th>
                                                            </tr>
                                                            </thead>
                                                            <tbody>
                                                            <tr class="table-content" ng-repeat="row in rowDiskList">
                                                                <!--<td width="30%" class="font-15 " title="{{row.configVolumesName}}" ng-bind="row.configVolumesName"></td>-->
                                                                <td width="30%" class="font-15 ">local</td>
                                                                <td width="30%" class="font-15 " title="{{row.configVolumesPath}}" ng-bind="row.configVolumesPath"></td>
                                                                <td width="10%" class="td-operate text-center">
                                                                    <button class="btn btn-danger btn-sm" ng-click="removeDisk(row)">
                                                                        <i class="fa fa-trash-o"></i>
                                                                        <span class="">删除</span>
                                                                    </button>
                                                                </td>
                                                            </tr>
                                                            </tbody>
                                                        </table>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </tab>
                            <tab heading="端口">
                                <div class="col-sm-12" style="min-height: 123px;margin-bottom: 15px;">
                                    <div class="col-sm-12 app-env-border">
                                        <p class="app-env-h">添加端口</p>
                                        <form class="form-horizontal form-validation" style="display: inline;" name="addPortForm">
                                            <div class="app-env-i" style="width:72%;">
                                                <input type="text" ng-model="port.value" class="form-control no-border" value="8080"  required>
                                            </div>
                                        </form>
                                        <button class="btn btn-primary w-xs m-r" validation-submit="addPortForm" ng-disabled="addPortForm.$invalid" ng-click="addPort()"><i class="fa fa-plus-circle"></i>创建</button>
                                    </div>
                                </div>
                                <div class="">
                                    <div class="dataTables_wrapper form-inline">
                                        <div class="row">
                                            <div class="col-sm-12">
                                                <div class="col-sm-12" style="max-height: 300px;overflow: auto;">
                                                    <div class="col-sm-12 app-env-list">
                                                        <p class="app-env-h" style="margin-top: 20px;">管理端口</p>
                                                        <table class="table table-striped b-light m-b-xxs">
                                                            <thead class="table-header">
                                                            <tr>
                                                                <th width="60%" class="font-15 ">Value</th>
                                                                <th class=" td-operate font-15 text-center" width="40%">操作</th>
                                                            </tr>
                                                            </thead>
                                                            <tbody>
                                                            <tr class="table-content" ng-repeat="row in rowPortList">
                                                                <td width="60%" class="font-15 " title="{{row.configPortsPort}}" ng-bind="row.configPortsPort"></td>
                                                                <td width="40%" class="td-operate text-center">
                                                                    <button class="btn btn-danger btn-sm" ng-click="removePort(row)">
                                                                        <i class="fa fa-trash-o"></i>
                                                                        <span class="">删除</span>
                                                                    </button>
                                                                </td>
                                                            </tr>
                                                            </tbody>
                                                        </table>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </tab>
                            <tab heading="资源配置">
                                <form class="form-horizontal form-validation" name="addShenForm">
                                    <div style="margin-top: 20px;">
                                        <label class="col-lg-2 control-label" style="width: 120px;">cpu</label>
                                        <input type="text" class="form-control shen_font" ng-model="param.cpu">
                                    </div>
                                    <div style="margin-top: 20px;">
                                        <label class="col-lg-2 control-label" style="width: 120px;">内存</label>
                                        <input type="text" class="form-control shen_font" ng-model="param.mem">Mi
                                    </div>
                                </form>
                            </tab>
                            <!--<tab heading="弹性伸缩">
                                <form class="form-horizontal form-validation" name="addShenForm">
                                    <div style="margin-top: 20px;">
                                        <label class="col-lg-2 control-label" style="width: 130px;">策略名称</label>
                                        <input type="text" class="form-control shen_font" placeholder="地址" name="">
                                    </div>
                                    <div style="margin-top: 20px;">
                                        <label class="col-lg-2 control-label" style="width: 130px;">最大节点</label>
                                        <input type="text" class="form-control shen_font" placeholder="地址" name="">
                                    </div>
                                    <div style="margin-top: 20px;">
                                        <label class="col-lg-2 control-label" style="width: 130px;">最小节点</label>
                                        <input type="text" class="form-control shen_font" placeholder="地址" name="">
                                    </div>
                                    <div style="margin-top: 20px;">
                                        <label class="col-lg-2 control-label" style="width: 130px;">集群资源占比</label>
                                        <input type="text" class="form-control shen_font" placeholder="地址" name="">
                                    </div>
                                    <div style="margin-top: 20px;">
                                        <label class="col-lg-2 control-label" style="width: 130px;">CPU&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;扩展阈值</label>
                                        <input type="text" class="form-control shen_font" placeholder="地址" name="">%
                                    </div>
                                    <div style="margin-top: 20px;">
                                        <label class="col-lg-2 control-label" style="width: 130px;">内存&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;扩展阈值</label>
                                        <input type="text" class="form-control shen_font" placeholder="地址" name="">MB
                                    </div>
                                    <div style="margin-top: 20px;">
                                        <label class="col-lg-2 control-label" style="width: 130px;">网络&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;扩展阈值</label>
                                        <input type="text" class="form-control shen_font" placeholder="地址" name="">KM/S
                                    </div>
                                </form>
                            </tab>-->
                        </tabset>
                        <button class="btn btn-primary w-xs m-r" style="float: right;" ng-click="updataResource()"><i class="fa fa-plus-circle"></i> 保存</button>
                    </div>
                </div>
            </tab>
            <!-- <tab  select="shenFun()" ng-controller="shenCtrl" active="isShen">
                <tab-heading class="tab-heading-style">
                    弹性伸缩
                </tab-heading>
                <div class="col-sm-12" style="min-height: 123px;margin-bottom: 15px;">
                    <div class="col-sm-12 app-env-border" style="min-height: 172px;">
                        <p class="app-env-h">弹性伸缩</p>
                        <form class="form-horizontal form-validation" name="addShenForm">
                            <div class="form-group">
                                <div class="col-lg-12">
                                    <label class="col-lg-2 control-label app-bu">策略名称</label>
                                    <div class="col-lg-10 control-input">
                                        <input type="text" name="hostname" class="form-control" ng-model="addData.hostname" validator="required" maxlength="64" maxlength-error-message="最多输入64个字符">
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-lg-12">
                                    <label class="col-lg-2 control-label app-bu">最大节点</label>
                                    <div class="col-lg-10 control-input">
                                        <input type="text" name="ip" class="form-control" ng-model="addData.ip" validator="required" maxlength="64" maxlength-error-message="最多输入64个字符">
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-lg-12">
                                    <label class="col-lg-2 control-label app-bu">最小节点</label>
                                    <div class="col-lg-10 control-input">
                                        <input type="text" name="username" class="form-control" ng-model="addData.username" validator="required" maxlength="64" maxlength-error-message="最多输入64个字符">
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-lg-12">
                                    <label class="col-lg-2 control-label app-bu">集群资源占比</label>
                                    <div class="col-lg-10 control-input">
                                        <input type="password" name="psw" class="form-control" ng-model="addData.psw" validator="required" maxlength="64" maxlength-error-message="最多输入64个字符">
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-lg-12">
                                    <label class="col-lg-2 control-label app-bu">CPU&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;扩展阈值</label>
                                    <div class="col-lg-10 control-input">
                                        <input type="password" name="psw" class="form-control" ng-model="addData.psw" validator="required" maxlength="64" maxlength-error-message="最多输入64个字符">
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-lg-12">
                                    <label class="col-lg-2 control-label app-bu">内存&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;扩展阈值</label>
                                    <div class="col-lg-10 control-input">
                                        <input type="password" name="psw" class="form-control" ng-model="addData.psw" validator="required" maxlength="64" maxlength-error-message="最多输入64个字符">
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-lg-12">
                                    <label class="col-lg-2 control-label app-bu">网络&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;扩展阈值</label>
                                    <div class="col-lg-10 control-input">
                                        <input type="password" name="psw" class="form-control" ng-model="addData.psw" validator="required" maxlength="64" maxlength-error-message="最多输入64个字符">
                                    </div>
                                </div>
                            </div>
                        </form>
                        <button type="submit" class="btn btn-primary" style="float: right;margin-top: 40px;" validation-submit="addShenForm" ng-disabled="addShenForm.$invalid" ng-click="ok()">初始部署</button>
                    </div>
                </div>
            </tab> -->
            <tab  select="changeDeployFun()" ng-controller="changeDeployCtrl" active="isChangeDeploy">
                <tab-heading class="tab-heading-style">
                    部署变更
                </tab-heading>
                <div class="col-sm-12" style="min-height: 123px;margin-bottom: 15px;">
                    <div class="col-sm-12 deploy-top-div">
                        <span class="develop-re">部署变更</span>
                    </div>
                    <div class="col-sm-12 instrument-dp">
                        <!-- <div class="form-group">
                            <div class="col-lg-12 instrument-dp" style="margin-top: 20px;">
                                <label class="col-lg-2 control-label">发布方式：</label>
                                <div class="col-lg-10 control-input">
                                    <select class="form-control" ng-model="addData.type">
                                        <option value="">--请选择--</option>
                                        <option value="0">灰度发布</option>
                                        <option value="1">特殊发布</option>
                                    </select>
                                </div>
                            </div>
                        </div> -->
                        <div class="form-group">
                            <div class="col-lg-12 instrument-dp" style="margin-top: 20px;">
                                <label class="col-lg-2 control-label">当前版本：</label>
                                <div class="col-lg-10 control-input">
                                    <select class="form-control" ng-model="huiValue.currentVersion">
                                        <option ng-repeat="x in imgsCurrent" value="{{x.configImageName+':'+x.configImageTag}}">{{x.configImageName+':'+x.configImageTag}}</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-lg-12 instrument-dp" style="margin-top: 20px;">
                                <label class="col-lg-2 control-label">替换版本：</label>
                                <div class="col-lg-10 control-input">
                                    <select class="form-control" ng-model="huiValue.oldVersion">
                                        <option ng-repeat="x in imgsOld" value="{{x.configImageName+':'+x.configImageTag}}">{{x.configImageName+':'+x.configImageTag}}</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-lg-12 instrument-dp" style="margin-top: 20px;">
                                <label class="col-lg-2 control-label">灰度策略：</label>
                                <div class="col-lg-10">
                                    <tabset class="tab-container">
                                        <tab heading="实例数替换" active="isNumber" ng-click="checkValue('1')">
                                            <div style="margin-bottom: 20px;">
                                                <span>替换的实例数：</span>
                                                <input style="width: 70%;display: inline-block;" type="text" class="form-control" ng-model="paramn.number">
                                            </div>
                                            <!-- <div style="margin-bottom: 20px;">
                                                <span>是否滚动发布：</span>
                                                <select class="form-control" style="width: 70%;display: inline-block;">
                                                    <option value="">--请选择--</option>
                                                    <option value="0">是</option>
                                                    <option value="1">否</option>
                                                </select>
                                            </div>
                                            <div style="margin-bottom: 20px;">
                                                <span>自动执行步长：</span>
                                                <input style="width: 70%;display: inline-block;" type="text" class="form-control" placeholder="地址" name="">
                                                <span>（个）</span>
                                            </div>
                                            <div style="margin-bottom: 20px;">
                                                <span>执行间隔时间：</span>
                                                <input style="width: 70%;display: inline-block;" type="text" class="form-control" placeholder="地址" name="">
                                                <select class="form-control" style="width: 15%;display: inline-block;">
                                                    <option value="">--请选择--</option>
                                                    <option value="0">分</option>
                                                    <option value="1">时</option>
                                                </select>
                                            </div>
                                            <div>
                                                <span>控制流量IP段：</span>
                                                <input style="width: 70%;display: inline-block;" type="text" class="form-control" placeholder="地址" name="">
                                            </div> -->
                                        </tab>
                                        <tab heading="比例替换" active="isFactor" ng-click="checkValue('2')">
                                            <div style="margin-bottom: 20px;">
                                                <span>初始替换比例：</span>
                                                <input style="width: 70%;display: inline-block;" type="text" class="form-control" ng-model="paramf.factor">
                                               <!--  <span>（%）</span> -->
                                            </div>
                                            <!-- <div style="margin-bottom: 20px;">
                                                <span>是否滚动发布：</span>
                                                <select class="form-control" style="width: 70%;display: inline-block;">
                                                    <option value="">--请选择--</option>
                                                    <option value="0">是</option>
                                                    <option value="1">否</option>
                                                </select>
                                            </div>
                                            <div style="margin-bottom: 20px;">
                                                <span>自动执行步长：</span>
                                                <input style="width: 70%;display: inline-block;" type="text" class="form-control" placeholder="地址" name="">
                                                <span>（个）</span>
                                            </div>
                                            <div style="margin-bottom: 20px;">
                                                <span>执行间隔时间：</span>
                                                <input style="width: 70%;display: inline-block;" type="text" class="form-control" placeholder="地址" name="">
                                                <select class="form-control" style="width: 15%;display: inline-block;">
                                                    <option value="">--请选择--</option>
                                                    <option value="0">分</option>
                                                    <option value="1">时</option>
                                                </select>
                                            </div>
                                            <div>
                                                <span>控制流量IP段：</span>
                                                <input style="width: 70%;display: inline-block;" type="text" class="form-control" placeholder="地址" name="">
                                            </div> -->
                                        </tab>
                                    </tabset>
                                </div>
                            </div>
                        </div>
                        <button class="btn btn-primary w-xs m-r" style="float: right;" ng-click="updataHui()"><i class="fa fa-plus-circle"></i>提交</button>
                    </div>
                </div>
            </tab>
            <tab  select="operationFun()" ng-controller="operationCtrl" active="isOperation">
                <tab-heading class="tab-heading-style">
                    操作事件
                </tab-heading>
                <div class="row pad-10">
                    <div class="col-md-12">
                        <ul class="timeline instrument-tp">
                            <li class="tl-item" ng-repeat="row in eventList">
                                <div class="tl-wrap b-info">
                                    <div class="tl-content">
                                        {{row.applicationEventDescription}}
                                    </div>
                                    <div class="tl-time">
                                        <span class="app-operatetime" ng-bind="row.applicationEventStartDatetime | date:'yyyy-MM-dd HH:mm:ss'"></span>
                                    </div>
                                </div>
                            </li>
                        </ul>
                        <div class="col-md-12 clearfix">
                            <div class="col-sm-6" style="padding:7px 15px;">
                                <div class="paginationTables_info">总共<span ng-bind="totalCount"></span>条, 每页<span
                                        ng-bind="param.rows"></span>条
                                </div>
                            </div>
                            <div class="col-sm-6 text-right">
                                <pagination boundary-links="true" total-items="totalCount" items-per-page="param.rows" max-size="8"
                                            ng-model="param.page" ng-change="getData(param.page)" previous-text="&lsaquo;"
                                            next-text="&rsaquo;" first-text="&laquo;" last-text="&raquo;"></pagination>
                            </div>
                        </div>
                    </div>
                </div>
            </tab>
            <!--<tab  select="getData()" ng-controller="keepaliveCtrl" active="iskeepalive">
                <tab-heading class="tab-heading-style">
                    高可用
                </tab-heading>
            </tab>-->
        </tabset>
    </div>
</div>
<style>
.log-win .modal-dialog{
	width: 80%;
}
</style>
